<template>
	<view>
		<view class="announ_body wrap mb7" v-if="!empty">
			<view class="f12 ca3a3a3 dflex jcc mb7 mt12">
				<text>2022年07月30日 22:05</text>
			</view>
			<view class="announ_cover dflex">
				<image src="https://aikm.cn/static/banner.png" mode="widthFix"></image>
			</view>
			<view class="announ_bottom cflex wrap bg_fff">
				<text class="f14 fbold u-line-1 mb7">全网电商捡便宜，全网比价系统</text>
				<text class="f12 ca3a3a3 u-line-1">副标题副标题副标题副标题副标题</text>
			</view>
		</view>

		<view class="wrap mt100" v-if="empty">
			<u-empty mode="data" text="暂时没有任何消息"></u-empty>
		</view>
		
		<version></version>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				empty : true
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
		background-color : #f6f6f6;
	}
	.announ_cover image {
		border-top-left-radius: 10px;
		width: 100%;
		border-top-right-radius: 10px;
		box-shadow: 2px 0 2px 1px rgba(0, 0, 0, 0.1);
	}
	.announ_bottom {
		border-bottom-left-radius: 10px;
		width: 100%;
		box-sizing: border-box;
		border-bottom-right-radius: 10px;
		box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
	}
</style>
